{extend name="public:layout" /}

{block name="title"}首页{/block}

{block name="head"}
<link rel="stylesheet" href="/public/home/plugins/amazeui/css/index.css">
{/block}

{block name="body"}
    <style>
        .scl_dfa  .quchu{margin: 0;}
        .scl_dfa .yese{ color: #EF7747; font-weight: 700;}
    </style>
</head>
<body>
<!--头部-->
<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 26px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;font-size: 20px;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
        通讯录
    </h1>
</header>

<!--主要内容-->
<div style="width: 100%;height: 70px;line-height:70px;background: #eee;">
    <div class="am-g am-g-fixed" style="height: 70px;">
        <div class="am-u-sm-10">
            <div class="am-form-group" style="height: 60px;line-height: 60px;position: absolute;width: 100%;">
                <input type="text" class="" id="doc-ipt-pwd-1" placeholder="输入关键字搜索"
                       style="margin-top: 5px;
               height: 40px;
               outline: none;
               width: 100%;
               padding-left: 40px;
               border-radius: 20px;
               border: 1px solid #ddd;
               ">
                <span class="icon iconfont icon-search" style="position: relative;left: 17px;z-index: 99;float: left; top: -53px;"></span>
            </div>
        </div>
        <div class="am-u-sm-2" style="padding: 0;">
            <div style="    float: right;width: 53px;line-height: 65px;text-align: center;margin-top: -4px;">
                <i class="icon iconfont icon-loudou"></i>
                <p style=" margin: 0;margin-top: -50px; height:40px; font-size: 14px;color: #A7A7A7;">筛选</p>
            </div>
        </div>
    </div>
</div>

<div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-3 am-u-lg-4">
        <span class="am-show-md-down"><img class="am-circle" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="45" height="45" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">

        </span>
    </div>
    <div class="am-u-sm-6 am-u-lg-4 scl_dfa">
        <span class="quchu" >黄灿灿/店长</span>
        <p  class="quchu" >15103030303</p>
    </div>
    <div class="am-u-sm-3 am-u-lg-4">
        <i class="icon iconfont icon-dianhua-copy-copy-copy-copy" style="font-size: 32px;"></i>
    </div>
</div>
<div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-3 am-u-lg-4">
        <span class="am-show-md-down"><img class="am-circle" src="" width="45" height="45" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">

        </span>
    </div>
    <div class="am-u-sm-6 am-u-lg-4 scl_dfa">
        <h4 class="quchu" >黄灿灿/店长</h4>
        <p  class="quchu" >15103030303</p>
    </div>
    <div class="am-u-sm-3 am-u-lg-4">
        <i class="icon iconfont icon-dianhua-copy-copy-copy-copy" style="font-size: 32px;"></i>
    </div>
</div>
<div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-3 am-u-lg-4">
        <span class="am-show-md-down"><img class="am-circle" src="" width="45" height="45" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">

        </span>
    </div>
    <div class="am-u-sm-6 am-u-lg-4 scl_dfa">
        <h4 class="quchu" >黄灿灿/店长</h4>
        <p  class="quchu" >15103030303</p>
    </div>
    <div class="am-u-sm-3 am-u-lg-4">
        <i class="icon iconfont icon-dianhua-copy-copy-copy-copy" style="font-size: 32px;"></i>
    </div>
</div>
<div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-3 am-u-lg-4">
        <span class="am-show-md-down"><img class="am-circle" src="" width="45" height="45" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">

        </span>
    </div>
    <div class="am-u-sm-6 am-u-lg-4 scl_dfa">
        <h4 class="quchu" >黄灿灿/店长</h4>
        <p  class="quchu yese" >15103030303</p>
    </div>
    <div class="am-u-sm-3 am-u-lg-4">
        <i class="icon iconfont icon-dianhua-copy-copy-copy-copy" style="font-size: 32px;"></i>
    </div>
</div>
<div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-3 am-u-lg-4">
        <span class="am-show-md-down"><img class="am-circle" src="" width="45" height="45" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">

        </span>
    </div>
    <div class="am-u-sm-6 am-u-lg-4 scl_dfa">
        <h4 class="quchu" >黄灿灿/店长</h4>
        <p  class="quchu" >15103030303</p>
    </div>
    <div class="am-u-sm-3 am-u-lg-4">
        <i class="icon iconfont icon-dianhua-copy-copy-copy-copy" style="font-size: 32px;"></i>
    </div>
</div>


<!--底部-->
{include file="public/foot"/}
{/block}

{block name="script"}



{/block}
